<section class="content-header">
    <h1>All Videos On Site<small class="label label-success">You can control your member</small></h1>
    <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
        <li class="active">request</li>
    </ol>
</section>
<!-- Main content -->
<section class="content">
    <div class="row">
        <div class="col-md-12">
            <div class="box">
                <div class="box-header">
                    <h3 class="box-title">Show List Videos</h3>
                    <div class="box-footer no-padding">
                        <div class="mailbox-controls">
                            <!-- Check all button -->
                            <button class="btn btn-default btn-sm checkbox-toggle"><i class="fa fa-square-o"></i></button>
                            <div class="btn-group">
                                <button class="btn btn-default btn-sm"><i class="fa fa-trash-o"></i></button>
                                <button class="btn btn-default btn-sm"><i class="fa fa-reply"></i></button>
                                <button class="btn btn-default btn-sm"><i class="fa fa-share"></i></button>
                            </div>
                            <!-- /.btn-group -->
                            <button class="btn btn-default btn-sm"><i class="fa fa-refresh"></i></button>
                            <button class="btn btn-success btn-flat"><i class="fa fa-plus"></i> Add Video</button>
                        </div>
                    </div>
                </div>
                <!-- /.box-header -->
                <div class="box-body">
                    <table id="example1" class="table table-bordered table-striped">
                        <thead>
                            <tr>
                                <th>ID</th>
                                <th>Title</th>
                                <th>Content</th>
                                <th>KeyWork</th>
                                <th>Tool</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td><input type="checkbox" /></td>
                                <td>Internet Explorer 4.0</td>
                                <td>Win 95+</td>
                                <td> 4</td>
                                <td>
                                    <button type="" class="btn btn-default btn-sm"><i class="fa fa-edit"></i>Edit</button> 
                                    <button type="" class="btn btn-default btn-sm"><i class="glyphicon glyphicon-trash"></i>Delete</button>
                                    <button class="btn bg-orange btn-sm">Unslider</button>
                                </td>
                            </tr>
                            <tr>
                                <td><input type="checkbox" /></td>
                                <td>Internet Explorer 4.0</td>
                                <td>Win 95+</td>
                                <td> 4</td>
                                <td>
                                    <button type="" class="btn btn-default btn-sm"><i class="fa fa-edit"></i>Edit</button> 
                                    <button type="" class="btn btn-default btn-sm"><i class="glyphicon glyphicon-trash"></i>Delete</button>
                                    <button class="btn bg-orange btn-sm">Unslider</button>
                                </td>
                            </tr>
                            <tr>
                                <td><input type="checkbox" /></td>
                                <td>Internet Explorer 4.0</td>
                                <td>Win 95+</td>
                                <td> 4</td>
                                <td>
                                    <button type="" class="btn btn-default btn-sm"><i class="fa fa-edit"></i>Edit</button> 
                                    <button type="" class="btn btn-default btn-sm"><i class="glyphicon glyphicon-trash"></i>Delete</button>
                                    <button class="btn bg-orange btn-sm">Unslider</button>
                                </td>
                            </tr>
                            <tr>
                                <td><input type="checkbox" /></td>
                                <td>Internet Explorer 4.0</td>
                                <td>Win 95+</td>
                                <td> 4</td>
                                <td>
                                    <button type="" class="btn btn-default btn-sm"><i class="fa fa-edit"></i>Edit</button> 
                                    <button type="" class="btn btn-default btn-sm"><i class="glyphicon glyphicon-trash"></i>Delete</button>
                                    <button class="btn bg-orange btn-sm">Unslider</button>
                                </td>
                            </tr>
                            <tr>
                                <td><input type="checkbox" /></td>
                                <td>Internet Explorer 4.0</td>
                                <td>Win 95+</td>
                                <td> 4</td>
                                <td>
                                    <button type="" class="btn btn-default btn-sm"><i class="fa fa-edit"></i>Edit</button> 
                                    <button type="" class="btn btn-default btn-sm"><i class="glyphicon glyphicon-trash"></i>Delete</button>
                                    <button class="btn bg-orange btn-sm">Unslider</button>
                                </td>
                            </tr>
                            <tr>
                                <td><input type="checkbox" /></td>
                                <td>Internet Explorer 4.0</td>
                                <td>Win 95+</td>
                                <td> 4</td>
                                <td>
                                    <button type="" class="btn btn-default btn-sm"><i class="fa fa-edit"></i>Edit</button> 
                                    <button type="" class="btn btn-default btn-sm"><i class="glyphicon glyphicon-trash"></i>Delete</button>
                                    <button class="btn bg-orange btn-sm">Unslider</button>
                                </td>
                            </tr>
                            <tr>
                                <td><input type="checkbox" /></td>
                                <td>Internet Explorer 4.0</td>
                                <td>Win 95+</td>
                                <td> 4</td>
                                <td>
                                    <button type="" class="btn btn-default btn-sm"><i class="fa fa-edit"></i>Edit</button> 
                                    <button type="" class="btn btn-default btn-sm"><i class="glyphicon glyphicon-trash"></i>Delete</button>
                                    <button class="btn bg-orange btn-sm">Unslider</button>
                                </td>
                            </tr>
                            <tr>
                                <td><input type="checkbox" /></td>
                                <td>Internet Explorer 4.0</td>
                                <td>Win 95+</td>
                                <td> 4</td>
                                <td>
                                    <button type="" class="btn btn-default btn-sm"><i class="fa fa-edit"></i>Edit</button> 
                                    <button type="" class="btn btn-default btn-sm"><i class="glyphicon glyphicon-trash"></i>Delete</button>
                                    <button class="btn bg-orange btn-sm">Unslider</button>
                                </td>
                            </tr>
                            <tr>
                                <td><input type="checkbox" /></td>
                                <td>Internet Explorer 4.0</td>
                                <td>Win 95+</td>
                                <td> 4</td>
                                <td>
                                    <button type="" class="btn btn-default btn-sm"><i class="fa fa-edit"></i>Edit</button> 
                                    <button type="" class="btn btn-default btn-sm"><i class="glyphicon glyphicon-trash"></i>Delete</button>
                                    <button class="btn bg-orange btn-sm">Unslider</button>
                                </td>
                            </tr>
                            <tr>
                                <td><input type="checkbox" /></td>
                                <td>Internet Explorer 4.0</td>
                                <td>Win 95+</td>
                                <td> 4</td>
                                <td>
                                    <button type="" class="btn btn-default btn-sm"><i class="fa fa-edit"></i>Edit</button> 
                                    <button type="" class="btn btn-default btn-sm"><i class="glyphicon glyphicon-trash"></i>Delete</button>
                                    <button class="btn bg-orange btn-sm">Unslider</button>
                                </td>
                            </tr>
                            <tr>
                                <td><input type="checkbox" /></td>
                                <td>Internet Explorer 4.0</td>
                                <td>Win 95+</td>
                                <td> 4</td>
                                <td>
                                    <button type="" class="btn btn-default btn-sm"><i class="fa fa-edit"></i>Edit</button> 
                                    <button type="" class="btn btn-default btn-sm"><i class="glyphicon glyphicon-trash"></i>Delete</button>
                                    <button class="btn bg-orange btn-sm">Unslider</button>
                                </td>
                            </tr>
                            <tr>
                                <td><input type="checkbox" /></td>
                                <td>Internet Explorer 4.0</td>
                                <td>Win 95+</td>
                                <td> 4</td>
                                <td>
                                    <button type="" class="btn btn-default btn-sm"><i class="fa fa-edit"></i>Edit</button> 
                                    <button type="" class="btn btn-default btn-sm"><i class="glyphicon glyphicon-trash"></i>Delete</button>
                                    <button class="btn bg-orange btn-sm">Unslider</button>
                                </td>
                            </tr>
                            <tr>
                                <td><input type="checkbox" /></td>
                                <td>Internet Explorer 4.0</td>
                                <td>Win 95+</td>
                                <td> 4</td>
                                <td>
                                    <button type="" class="btn btn-default btn-sm"><i class="fa fa-edit"></i>Edit</button> 
                                    <button type="" class="btn btn-default btn-sm"><i class="glyphicon glyphicon-trash"></i>Delete</button>
                                    <button class="btn bg-orange btn-sm">Unslider</button>
                                </td>
                            </tr>
                        </tbody>
                        <tfoot>
                            <tr>
                                <th>Rendering engine</th>
                                <th>Browser</th>
                                <th>Platform(s)</th>
                                <th>Engine version</th>
                                <th>CSS grade</th>
                            </tr>
                        </tfoot>
                    </table>
                </div>
                <!-- /.box-body -->
            </div>
            <!-- /.box -->
        </div>
    </div>
</section>
<script>
    $(function () {
        //Enable iCheck plugin for checkboxes
        //iCheck for checkbox and radio inputs
        $('input[type="checkbox"]').iCheck({
          checkboxClass: 'icheckbox_flat-blue',
          radioClass: 'iradio_flat-blue'
        });

        //Enable check and uncheck all functionality
        $(".checkbox-toggle").click(function () {
          var clicks = $(this).data('clicks');
          if (clicks) {
            //Uncheck all checkboxes
            $("input[type='checkbox']").iCheck("uncheck");
            $(".fa", this).removeClass("fa-check-square-o").addClass('fa-square-o');
          } else {
            //Check all checkboxes
            $("input[type='checkbox']").iCheck("check");
            $(".fa", this).removeClass("fa-square-o").addClass('fa-check-square-o');
          }          
          $(this).data("clicks", !clicks);
        });

        //Handle starring for glyphicon and font awesome
        $(".mailbox-star").click(function (e) {
          e.preventDefault();
          //detect type
          var $this = $(this).find("a > i");
          var glyph = $this.hasClass("glyphicon");
          var fa = $this.hasClass("fa");

          //Switch states
          if (glyph) {
            $this.toggleClass("glyphicon-star");
            $this.toggleClass("glyphicon-star-empty");
          }

          if (fa) {
            $this.toggleClass("fa-star");
            $this.toggleClass("fa-star-o");
          }
        });
    });
</script>